export default {
  color: [
    "#fac858",
    "#ee6666",
    "#fc8452",
    "#91cc75",
    "#3ba272",
    "#9a60b4",
    "#ea7ccc"
  ],
  // backgroundColor: "rgba(0, 0, 0, 0)",
  textStyle: {},
  title: {
    textStyle: {
      color: "#fff"
    },
    subtextStyle: {
      color: "#fff"
    }
  },
  line: {
    itemStyle: {
      borderWidth: 1
    },
    lineStyle: {
      width: 2
    },
    symbolSize: 4,
    symbol: "emptyCircle",
    smooth: false
  },
  radar: {
    itemStyle: {
      borderWidth: 1
    },
    lineStyle: {
      width: 2
    },
    symbolSize: 4,
    symbol: "emptyCircle",
    smooth: false
  },
  bar: {
    itemStyle: {
      barBorderWidth: 0,
      barBorderColor: "#ccc"
    }
  },
  pie: {
    itemStyle: {
      borderWidth: 0,
      borderColor: "#ccc"
    }
  },
  scatter: {
    itemStyle: {
      borderWidth: 0,
      borderColor: "#ccc"
    }
  },
  // boxplot: {
  //   itemStyle: {
  //     borderWidth: 0,
  //     borderColor: "#ccc"
  //   }
  // },
  parallel: {
    itemStyle: {
      borderWidth: 0,
      borderColor: "#ccc"
    }
  },
  sankey: {
    itemStyle: {
      borderWidth: 0,
      borderColor: "#ccc"
    }
  },
  funnel: {
    itemStyle: {
      borderWidth: 0,
      borderColor: "#ccc"
    }
  },
  gauge: {
    itemStyle: {
      borderWidth: 0,
      borderColor: "#ccc"
    }
  },
  candlestick: {
    itemStyle: {
      color: "#eb5454",
      color0: "#47b262",
      borderColor: "#eb5454",
      borderColor0: "#47b262",
      borderWidth: 1
    }
  },
  graph: {
    itemStyle: {
      borderWidth: 0,
      borderColor: "#ccc"
    },
    lineStyle: {
      width: 1,
      color: "#aaa"
    },
    symbolSize: 4,
    symbol: "emptyCircle",
    smooth: false,
    color: [
      "#50ecff",
      "#91cc75",
      "#fac858",
      "#ee6666",
      "#73c0de",
      "#3ba272",
      "#fc8452",
      "#9a60b4",
      "#ea7ccc"
    ],
    label: {
      color: "#eee"
    }
  },
  map: {
    itemStyle: {
      // areaColor: "#eee",
      // borderColor: "#444",
      // borderWidth: 0.5
    },
    label: {
      // color: "#000"
    },
    emphasis: {
      itemStyle: {
        // areaColor: "rgba(255,215,0,0.8)",
        // borderColor: "#444",
        // borderWidth: 1
      },
      label: {
        // color: "rgb(100,0,0)"
      }
    }
  },
  geo: {
    itemStyle: {
      // areaColor: "#eee",
      // borderColor: "#444",
      // borderWidth: 0.5
    },
    label: {
      // color: "#000"
    },
    emphasis: {
      itemStyle: {
        // areaColor: "rgba(255,215,0,0.8)",
        // borderColor: "#444",
        // borderWidth: 1
      },
      label: {
        // color: "rgb(100,0,0)"
      }
    }
  },
  categoryAxis: {
    axisLine: {
      show: true,
      lineStyle: {
        color: "#fff"
      }
    },
    axisTick: {
      show: true,
      lineStyle: {
        color: "#fff"
      }
    },
    axisLabel: {
      show: true,
      color: "#fff"
    },
    splitLine: {
      show: false,
      lineStyle: {
        color: ["#fff"]
      }
    },
    splitArea: {
      show: false,
      areaStyle: {
        color: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
      }
    }
  },
  valueAxis: {
    axisLine: {
      show: false,
      lineStyle: {
        color: "#fff"
      }
    },
    axisTick: {
      show: false,
      lineStyle: {
        color: "#fff"
      }
    },
    axisLabel: {
      show: true,
      color: "#fff"
    },
    splitLine: {
      show: true,
      lineStyle: {
        color: ["#fff"]
      }
    },
    splitArea: {
      show: false,
      areaStyle: {
        color: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
      }
    }
  },
  logAxis: {
    axisLine: {
      show: false,
      lineStyle: {
        color: "#fff"
      }
    },
    axisTick: {
      show: false,
      lineStyle: {
        color: "#fff"
      }
    },
    axisLabel: {
      show: true,
      color: "#fff"
    },
    splitLine: {
      show: true,
      lineStyle: {
        color: ["#fff"]
      }
    },
    splitArea: {
      show: false,
      areaStyle: {
        color: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
      }
    }
  },
  timeAxis: {
    axisLine: {
      show: true,
      lineStyle: {
        color: "#6E7079"
      }
    },
    axisTick: {
      show: true,
      lineStyle: {
        color: "#6E7079"
      }
    },
    axisLabel: {
      show: true,
      color: "#6E7079"
    },
    splitLine: {
      show: false,
      lineStyle: {
        color: ["#E0E6F1"]
      }
    },
    splitArea: {
      show: false,
      areaStyle: {
        color: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
      }
    }
  },
  toolbox: {
    iconStyle: {
      borderColor: "#999"
    },
    emphasis: {
      iconStyle: {
        borderColor: "#666"
      }
    }
  },
  legend: {
    textStyle: {
      color: "#fff"
    }
  },
  tooltip: {
    backgroundColor: "#182855",
    borderColor: "#4bc4d6",
    textStyle: {
      color: "#fff"
    },
    axisPointer: {
      lineStyle: {
        color: "#ccc",
        width: 1
      },
      crossStyle: {
        color: "#ccc",
        width: 1
      }
    }
  },
  timeline: {
    lineStyle: {
      color: "#DAE1F5",
      width: 2
    },
    itemStyle: {
      color: "#A4B1D7",
      borderWidth: 1
    },
    controlStyle: {
      color: "#A4B1D7",
      borderColor: "#A4B1D7",
      borderWidth: 1
    },
    checkpointStyle: {
      color: "#316bf3",
      borderColor: "fff"
    },
    label: {
      color: "#A4B1D7"
    },
    emphasis: {
      itemStyle: {
        color: "#FFF"
      },
      controlStyle: {
        color: "#A4B1D7",
        borderColor: "#A4B1D7",
        borderWidth: 1
      },
      label: {
        color: "#A4B1D7"
      }
    }
  },
  visualMap: {
    color: ["#bf444c", "#d88273", "#f6efa6"]
  },
  dataZoom: {
    handleSize: "undefined%",
    textStyle: {}
  },
  markPoint: {
    label: {
      color: "#eee"
    },
    emphasis: {
      label: {
        color: "#eee"
      }
    }
  },
  calendar: {
    yearLabel: {
      color: "#fff"
    },
    monthLabel: {
      color: "#fff"
    },
    dayLabel: {
      color: "#fff"
    }
  }
};
